import { defineConfig } from 'vite'
import vueDevTools from 'vite-plugin-vue-devtools'
import vue from '@vitejs/plugin-vue'
import path from 'path'
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
import { viteMockServe } from 'vite-plugin-mock'

// https://vite.dev/config/
export default defineConfig({
	plugins: [
		vue(), //
		vueDevTools(),
		createSvgIconsPlugin({
			// 指定要缓存的图标文件夹
			iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
			// 指定symbolId格式
			symbolId: 'icon-[dir]-[name]',
		}),
		viteMockServe({
			// 设置模拟.ts 文件的存储文件夹
			mockPath: 'src/mock',
			// 是否启用 mock 功能
			enable: true,
		}),
	],
	resolve: {
		// 配置路径别名
		alias: {
			// 相对路径别名配置，使用 @ 代替 src
			'@': path.resolve('./src'),
		},
	},
	css: {
		preprocessorOptions: {
			// sass 全局变量
			scss: {
				additionalData: '@import "@/styles/variable.scss";',
			},
		},
	},
})
